// components/cartTip/cartTip.js

const fetchSev = require("../../utils/util.js").fetchSev;
const cartListUrl = require("../../config.js").cartListUrl;

Component({
  /**
   * 组件的属性列表
   */
  properties: {
  },

  /**
   * 组件的初始数据
   */
  data: {
    left: '80%',
    top: '80%',
    winWidth: wx.getSystemInfoSync().windowWidth,
    winHeight: wx.getSystemInfoSync().windowHeight,
    imgToggle: false,
    timer: null,     // 多少秒之后改变交互色
    cartTotal: 0,    // 购物车总数量
  },

  /**
   * 组件的方法列表
   */
  methods: {
    _touchstart: function (e) {
      this.setData({ imgToggle: true });
      // 设置时间间隔
      // const lastTime = this.data.lastTime;
      // let thisTime = Date.now();
      // if (thisTime - lastTime < 2000) {
      //   this.setData({lastTime: thisTime});
      //   return false;
      // }
      // this.setData({ lastTime: thisTime });
      console.log('touchstart', e);
      
      // 清除timer
      if (this.data.timer) {
        clearTimeout(this.data.timer);
      }
      this.setData({timer: null});
    },

    _touchmove: function (e) {
      
      console.log('touchmove', e.touches[0].clientX);
      let x = e.touches[0].clientX - 40;  // 减去正方形尺寸的一半
      let y = e.touches[0].clientY - 40;
      // 左边界
      if (x < 0) {
        x = 0;
      }
      // 上边界
      if (y < 0) {
        y = 0;
      }
      // 右边界
      if (x > this.data.winWidth - 80) {  // 减去正方形的边长
        x = this.data.winWidth - 80;
      }
      // 下边界
      if (y > this.data.winHeight - 80) {
        y = this.data.winHeight - 80;
      }
      console.log(x, y);
      this.setData({ left: x + 'px' });
      this.setData({ top: y + 'px' });

    },

    _touchend: function (e) {
      console.log('touchend', e);
      let timer = setTimeout(function () {
        this.setData({ imgToggle: false });
      }.bind(this), 2000);
      this.setData({ timer: timer });
    }
  },

  ready: function () {
    // 轮询购物车总数量
    // setInterval(function () {
    //   fetchSev(cartListUrl, 'GET', { page: 1, pagesize: 10000 }, (res) => {
    //     const cartArr = res.data || [];
    //     const cartLen = cartArr.length;
    //     this.setData({ cartTotal: cartLen });
    //     // console.log('cart-total', cartLen);
    //   });
    // }.bind(this), 1000);

  }
})
